import React from 'react'
import classnames from "classnames"
import "./style.less"

export default function Star ({ num }) {
  return (
    <div className="star-container">
      {
        [1, 1, 1, 1, 1].map((ele, index) => {
          return <i className={classnames("icon-star", { "light": index < num })} key={index}></i>
        })
      }
    </div>


  )
}
